<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>酷我新歌榜，酷我音乐网提供歌曲榜单，丰富、各类音乐排行榜。酷我新歌榜,音乐的潮流方向，酷我音乐网，试听歌曲更流畅，免费无损下载，无损音乐下载，高品质音乐，好音质，用酷我。陪着我，不要停</title>
    <link rel="stylesheet" href="./style.css">
    <link rel="icon" href="./img/局部截取_20250710_224145.png" type="image/x-icon">
    <link rel="stylesheet" href="./font/font_4971815_xipo4tlhal/iconfont.css">
</head>
<body>
    <div class="content">
        <div class="content-left">
            <div class="content-left-head">
                <p class="active">官方</p>
                <p>特色</p>
                <p>场景</p>
            </div>
            <ul class="lists">
                <li class="list">
                    <img class="list-img" src="https://zimg.kuwo.cn/bang/9/3/1752145805.png" alt="">
                    <div class="list-text">
                        <p style="margin-bottom: 6px; color: #333; font-weight: 600;">酷我飙升榜</p>
                        <p>今日更新</p>
                    </div> 
                </li>
                <li class="list">
                    <img class="list-img" src="https://zimg.kuwo.cn/bang/9/3/1752145805.png" alt="">
                    <div class="list-text">
                        <p style="margin-bottom: 6px; color: #333; font-weight: 600;">酷我飙升榜</p>
                        <p>今日更新</p>
                    </div> 
                </li>
                <li class="list">
                    <img class="list-img" src="https://zimg.kuwo.cn/bang/9/3/1752145805.png" alt="">
                    <div class="list-text">
                        <p style="margin-bottom: 6px; color: #333; font-weight: 600;">酷我新歌榜</p>
                        <p>今日更新</p>
                    </div> 
                </li>
                <li class="list">
                    <img class="list-img" src="https://zimg.kuwo.cn/bang/9/3/1752145805.png" alt="">
                    <div class="list-text">
                        <p style="margin-bottom: 6px; color: #333; font-weight: 600;">酷我新歌榜</p>
                        <p>今日更新</p>
                    </div> 
                </li>
                <li class="list">
                    <img class="list-img" src="https://zimg.kuwo.cn/bang/9/3/1752145805.png" alt="">
                    <div class="list-text">
                        <p style="margin-bottom: 6px; color: #333; font-weight: 600;">抖音热歌酷我排行榜</p>
                        <p>今日更新</p>
                    </div> 
                </li>
                <li class="list">
                    <img class="list-img" src="https://zimg.kuwo.cn/bang/9/3/1752145805.png" alt="">
                    <div class="list-text">
                        <p style="margin-bottom: 6px; color: #333; font-weight: 600;">抖音热歌酷我排行榜</p>
                        <p>今日更新</p>
                    </div> 
                </li>
            </ul>
        </div>
        <div class="content-right">
            <div class="head">
                <h2>酷我飙升榜</h2>
                <span>更新时间：2025-07-10</span>
            </div>
            <div class="btns">
                <div class="play">
                    <i class="iconfont icon-bofang"></i>
                    <span class="btns-text">播放全部</span>
                </div>
                <div class="grey">
                    <i class="iconfont icon-jia"></i>
                    <span class="btns-text">添加</span>
                </div>
                <div class="grey">
                    <i class="iconfont icon-aixin"></i>
                    <span class="btns-text">收藏</span>
                </div>
                <div class="grey">
                    <i class="iconfont icon-pinglun"></i>
                    <span class="btns-text">评论</span>
                </div>
            </div>
            <div class="song-list">
                <div class="song-list-head">
                    <p class="head-num">序号</p>
                    <p class="head-name">歌曲</p>
                    <p class="head-artist">歌手</p>
                    <p class="head-album">专辑</p>
                    <p class="head-time">时长</p> 
                </div>
                <ul>
                    <li class="one-song">
                        <div class="top1">
                            <img class="top1-img" src="https://h5s.kuwo.cn/www/kw-www/img/icon_first.7afe2f1.png" alt="">
                            <img class="song-img" src="https://img4.kuwo.cn/star/albumcover/120/s4s55/86/4126158180.jpg" alt="">
                        </div>
                        <div class="song-name">
                            <p>跳楼机</p>
                            <i class="iconfont icon-wusun-"></i>
                        </div>
                        <div class="song-artist">
                            <p>LBI利比（时柏尘）</p>
                        </div>
                        <div class="song-album">
                            <p>跳楼机</p>
                        </div>
                        <div class="song-time">
                            <span>03:21</span>
                        </div>
                        <div class="song-opts">
                            <i class="iconfont icon-bofang"></i>
                            <i class="iconfont icon-jia"></i>
                            <i class="iconfont icon-aixin"></i>
                            <i class="iconfont icon-xiazai"></i>
                        </div>
                    </li>
                    <li class="one-song-grey">
                        <div class="top1">
                            <img class="top1-img" src="https://h5s.kuwo.cn/www/kw-www/img/icon_secondary.3095603.png" alt="">
                            <img class="song-img" src="https://img2.kuwo.cn/star/albumcover/120/86/27/2722952885.jpg" alt="">
                        </div>
                        <div class="song-name">
                            <p>精卫</p>
                            <i class="iconfont icon-wusun-"></i>
                        </div>
                        <div class="song-artist">
                            <p>王悦辰</p>
                        </div>
                        <div class="song-album">
                            <p>精卫</p>
                        </div>
                        <div class="song-time">
                            <span>02:42</span>
                        </div>
                        <div class="song-opts">
                            <i class="iconfont icon-bofang"></i>
                            <i class="iconfont icon-jia"></i>
                            <i class="iconfont icon-aixin"></i>
                            <i class="iconfont icon-xiazai"></i>
                        </div>
                    </li>
                    <li class="one-song">
                        <div class="top1">
                            <img class="top1-img" src="https://h5s.kuwo.cn/www/kw-www/img/icon_third.4569f0e.png" alt="">
                            <img class="song-img" src="https://img1.kuwo.cn/star/albumcover/120/s4s0/71/1530813217.jpg" alt="">
                        </div>
                        <div class="song-name">
                            <p>室内系的TrackMaker(Melodic Minor版)</p>
                            <i class="iconfont icon-wusun-"></i>
                        </div>
                        <div class="song-artist">
                            <p>hanser</p>
                        </div>
                        <div class="song-album">
                            <p>Hanser唱的歌 (180924为止 hanser)</p>
                        </div>
                        <div class="song-time">
                            <span>02:18</span>
                        </div>
                        <div class="song-opts">
                            <i class="iconfont icon-bofang"></i>
                            <i class="iconfont icon-jia"></i>
                            <i class="iconfont icon-aixin"></i>
                            <i class="iconfont icon-xiazai"></i>
                        </div>
                    </li>
                    <li class="one-song-grey">
                        <div class="top1">
                            <p>4</p>
                            <img class="song-img" src="https://img3.kuwo.cn/star/albumcover/120/s4s17/13/2983973316.jpg" alt="">
                        </div>
                        <div class="song-name">
                            <p>猜不透</p>
                            <i class="iconfont icon-wusun-"></i>
                        </div>
                        <div class="song-artist">
                            <p>丁当</p>
                        </div>
                        <div class="song-album">
                            <p>我爱上的</p>
                        </div>
                        <div class="song-time">
                            <span>03:21</span>
                        </div>
                        <div class="song-opts">
                            <i class="iconfont icon-bofang"></i>
                            <i class="iconfont icon-jia"></i>
                            <i class="iconfont icon-aixin"></i>
                            <i class="iconfont icon-xiazai"></i>
                        </div>
                    </li>    
                    <li class="one-song">
                        <div class="top1">
                            <p>5</p>
                            <img class="song-img" src="https://img3.kuwo.cn/star/albumcover/120/s4s53/79/3057984742.jpg" alt="">
                        </div>
                        <div class="song-name">
                            <p>服务员上酒</p>
                            <i class="iconfont icon-wusun-"></i>
                        </div>
                        <div class="song-artist">
                            <p>霍云龙</p>
                        </div>
                        <div class="song-album">
                            <p>服务员上酒</p>
                        </div>
                        <div class="song-time">
                            <span>02:18</span>
                        </div>
                        <div class="song-opts">
                            <i class="iconfont icon-bofang"></i>
                            <i class="iconfont icon-jia"></i>
                            <i class="iconfont icon-aixin"></i>
                            <i class="iconfont icon-xiazai"></i>
                        </div>
                    </li>
                    <li class="one-song-grey">
                        <div class="top1">
                            <p>6</p>
                            <img class="song-img" src="https://img4.kuwo.cn/star/albumcover/120/s4s57/41/3814097982.jpg" alt="">
                        </div>
                        <div class="song-name">
                            <p>滚滚红尘</p>
                            <i class="iconfont icon-wusun-"></i>
                        </div>
                        <div class="song-artist">
                            <p>陈淑桦</p>
                        </div>
                        <div class="song-album">
                            <p>一生守候</p>
                        </div>
                        <div class="song-time">
                            <span>03:09</span>
                        </div>
                        <div class="song-opts">
                            <i class="iconfont icon-bofang"></i>
                            <i class="iconfont icon-jia"></i>
                            <i class="iconfont icon-aixin"></i>
                            <i class="iconfont icon-xiazai"></i>
                        </div>
                    </li>    
                    <li class="one-song">
                        <div class="top1">
                            <p>7</p>
                            <img class="song-img" src="https://img4.kuwo.cn/star/albumcover/120/s4s14/32/1308361631.jpg" alt="">
                        </div>
                        <div class="song-name">
                            <p>清明上河图(电子木鱼版)</p>
                            <i class="iconfont icon-wusun-"></i>
                        </div>
                        <div class="song-artist">
                            <p>ss沧川</p>
                        </div>
                        <div class="song-album">
                            <p>清明上河图 (电子木鱼版)</p>
                        </div>
                        <div class="song-time">
                            <span>02:18</span>
                        </div>
                        <div class="song-opts">
                            <i class="iconfont icon-bofang"></i>
                            <i class="iconfont icon-jia"></i>
                            <i class="iconfont icon-aixin"></i>
                            <i class="iconfont icon-xiazai"></i>
                        </div>
                    </li>
                    <li class="one-song-grey">
                        <div class="top1">
                            <p>8</p>
                            <img class="song-img" src="https://img3.kuwo.cn/star/albumcover/120/s4s29/48/1289765557.jpg" alt="">
                        </div>
                        <div class="song-name">
                            <p>难生恨</p>
                            <i class="iconfont icon-wusun-"></i>
                        </div>
                        <div class="song-artist">
                            <p>DAWN</p>
                        </div>
                        <div class="song-album">
                            <p>难生恨</p>
                        </div>
                        <div class="song-time">
                            <span>03:49</span>
                        </div>
                        <div class="song-opts">
                            <i class="iconfont icon-bofang"></i>
                            <i class="iconfont icon-jia"></i>
                            <i class="iconfont icon-aixin"></i>
                            <i class="iconfont icon-xiazai"></i>
                        </div>
                    </li>    
                    <li class="one-song">
                        <div class="top1">
                            <p>9</p>
                            <img class="song-img" src="https://img4.kuwo.cn/star/albumcover/120/s4s49/62/3477468568.jpg" alt="">
                        </div>
                        <div class="song-name">
                            <p>忘了情忘了爱(不如就戒了情戒了爱)</p>
                            <i class="iconfont icon-wusun-"></i>
                        </div>
                        <div class="song-artist">
                            <p>田园</p>
                        </div>
                        <div class="song-album">
                            <p>忘了情忘了爱(不如就戒了情戒了爱)</p>
                        </div>
                        <div class="song-time">
                            <span>03:09</span>
                        </div>
                        <div class="song-opts">
                            <i class="iconfont icon-bofang"></i>
                            <i class="iconfont icon-jia"></i>
                            <i class="iconfont icon-aixin"></i>
                            <i class="iconfont icon-xiazai"></i>
                        </div>
                    </li>
                    <li class="one-song-grey">
                        <div class="top1">
                            <p>10</p>
                            <img class="song-img" src="https://img3.kuwo.cn/star/albumcover/120/s4s71/49/108792925.jpg" alt="">
                        </div>
                        <div class="song-name">
                            <p>九尾狐(你为我挡下鲁班的钉1.1倍速版)</p>
                            <i class="iconfont icon-wusun-"></i>
                        </div>
                        <div class="song-artist">
                            <p>张小花</p>
                        </div>
                        <div class="song-album">
                            <p>九尾狐（女深情版）</p>
                        </div>
                        <div class="song-time">
                            <span>03:20</span>
                        </div>
                        <div class="song-opts">
                            <i class="iconfont icon-bofang"></i>
                            <i class="iconfont icon-jia"></i>
                            <i class="iconfont icon-aixin"></i>
                            <i class="iconfont icon-xiazai"></i>
                        </div>
                    </li>    
                    <li class="one-song">
                        <div class="top1">
                            <p>11</p>
                            <img class="song-img" src="https://img4.kuwo.cn/star/albumcover/120/s4s80/55/1085096077.jpg" alt="">
                        </div>
                        <div class="song-name">
                            <p>等一分钟</p>
                            <i class="iconfont icon-wusun-"></i>
                        </div>
                        <div class="song-artist">
                            <p>徐誉滕</p>
                        </div>
                        <div class="song-album">
                            <p>茉莉花开</p>
                        </div>
                        <div class="song-time">
                            <span>03:56</span>
                        </div>
                        <div class="song-opts">
                            <i class="iconfont icon-bofang"></i>
                            <i class="iconfont icon-jia"></i>
                            <i class="iconfont icon-aixin"></i>
                            <i class="iconfont icon-xiazai"></i>
                        </div>
                    </li>
                    <li class="one-song-grey">
                        <div class="top1">
                            <p>12</p>
                            <img class="song-img" src="https://img1.kuwo.cn/star/albumcover/120/s4s10/13/3390201910.jpg" alt="">
                        </div>
                        <div class="song-name">
                            <p>以为我的眼泪会让你心痛(DJ阿尼版)</p>
                            <i class="iconfont icon-wusun-"></i>
                        </div>
                        <div class="song-artist">
                            <p>烟嗓船长</p>
                        </div>
                        <div class="song-album">
                            <p>以为我的眼泪会让你心痛</p>
                        </div>
                        <div class="song-time">
                            <span>04:08</span>
                        </div>
                        <div class="song-opts">
                            <i class="iconfont icon-bofang"></i>
                            <i class="iconfont icon-jia"></i>
                            <i class="iconfont icon-aixin"></i>
                            <i class="iconfont icon-xiazai"></i>
                        </div>
                    </li>    
                    <li class="one-song">
                        <div class="top1">
                            <p>13</p>
                            <img class="song-img" src="https://img3.kuwo.cn/star/albumcover/120/66/97/3224744858.jpg" alt="">
                        </div>
                        <div class="song-name">
                            <p>失控（DJ版）</p>
                            <i class="iconfont icon-wusun-"></i>
                        </div>
                        <div class="song-artist">
                            <p>井迪儿</p>
                        </div>
                        <div class="song-album">
                            <p>失控（DJ版）</p>
                        </div>
                        <div class="song-time">
                            <span>03:03</span>
                        </div>
                        <div class="song-opts">
                            <i class="iconfont icon-bofang"></i>
                            <i class="iconfont icon-jia"></i>
                            <i class="iconfont icon-aixin"></i>
                            <i class="iconfont icon-xiazai"></i>
                        </div>
                    </li>
                    <li class="one-song-grey">
                        <div class="top1">
                            <p>14</p>
                            <img class="song-img" src="https://img3.kuwo.cn/star/albumcover/120/s4s42/61/1079306913.jpg" alt="">
                        </div>
                        <div class="song-name">
                            <p>你的棱角呢</p>
                            <i class="iconfont icon-wusun-"></i>
                        </div>
                        <div class="song-artist">
                            <p>草原兄弟</p>
                        </div>
                        <div class="song-album">
                            <p>你的棱角呢</p>
                        </div>
                        <div class="song-time">
                            <span>03:15</span>
                        </div>
                        <div class="song-opts">
                            <i class="iconfont icon-bofang"></i>
                            <i class="iconfont icon-jia"></i>
                            <i class="iconfont icon-aixin"></i>
                            <i class="iconfont icon-xiazai"></i>
                        </div>
                    </li>    
                    <li class="one-song">
                        <div class="top1">
                            <p>15</p>
                            <img class="song-img" src="https://img3.kuwo.cn/star/albumcover/120/s4s34/77/467498673.jpg" alt="">
                        </div>
                        <div class="song-name">
                            <p>跳楼机(Live)</p>
                            <i class="iconfont icon-wusun-"></i>
                        </div>
                        <div class="song-artist">
                            <p>张靓颖&王以太</p>
                        </div>
                        <div class="song-album">
                            <p>天赐的声音第六季 第1期</p>
                        </div>
                        <div class="song-time">
                            <span>03:22</span>
                        </div>
                        <div class="song-opts">
                            <i class="iconfont icon-bofang"></i>
                            <i class="iconfont icon-jia"></i>
                            <i class="iconfont icon-aixin"></i>
                            <i class="iconfont icon-xiazai"></i>
                        </div>
                    </li>
                    <li class="one-song-grey">
                        <div class="top1">
                            <p>16</p>
                            <img class="song-img" src="https://img4.kuwo.cn/star/albumcover/120/s4s93/20/1171025426.jpg" alt="">
                        </div>
                        <div class="song-name">
                            <p>起风了(旧版)</p>
                            <i class="iconfont icon-wusun-"></i>
                        </div>
                        <div class="song-artist">
                            <p>买辣椒也用券</p>
                        </div>
                        <div class="song-album">
                            <p>起风了 (旧版)</p>
                        </div>
                        <div class="song-time">
                            <span>05:12</span>
                        </div>
                        <div class="song-opts">
                            <i class="iconfont icon-bofang"></i>
                            <i class="iconfont icon-jia"></i>
                            <i class="iconfont icon-aixin"></i>
                            <i class="iconfont icon-xiazai"></i>
                        </div>
                    </li>    
                </ul>
            </div>
        </div>
    </div>
    <div class="hidden">
        <div class="bottom">
            <div class="control">
                <div class="logo">
                    <img class="logo-img" src="https://kwimg2.kuwo.cn/star/upload/37/25/1633954819501_.png" alt="">
                    <div class="logo-text">
                        <div class="text">
                            <p>酷我音乐-陪着我·不要停</p>
                            <p class="time">00:00/00:00</p>
                        </div>
                        <div class="process">
                            <span class="orgin"></span>
                            <div class="longprocess">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="function">
                    <i class="iconfont icon-shangyishou"></i>
                    <i class="iconfont icon-bofang1"></i>
                    <i class="iconfont icon-xiayishou"></i>
                </div>
                <div class="function-right">
                    <div>
                        <i class="iconfont icon-aixin"></i>
                    </div>
                    <div class="function-right-icon">
                        <i class="iconfont icon-xiazai"></i>
                    </div>
                    <div class="function-right-icon">
                        <i class="iconfont icon-pinglun"></i>
                    </div>
                    <div class="function-right-icon">
                        <i class="iconfont icon-xunhuanbofang"></i>
                    </div>
                    <div class="function-right-icon">
                        <i class="iconfont  icon-pajian_gequliebiao_"></i>
                    </div>
                    <div class="song-type">
                        <span>高品</span>
                        <img class="arrow" src="./img/向下箭头.png" alt="">
                    </div>
                    <div class="function-right-icon">
                        <i class="iconfont icon-yinliang"></i>
                    </div>
                    <input  type="range" min="10" step="10" value="100">
                </div>
            </div>
        </div>
    </div>
    <div class="platforms">
        <ul class="items">
            <li class="item">
                <p>反馈</p>
            </li>
            <li class="item-car">
                <i class="iconfont icon--tingche"></i>
            </li>
            <li class="item-window">
                <i class="iconfont icon-xt_weiruan"></i>
            </li>
            <li class="item-android">
                <i class="iconfont icon-anzhuo"></i>
            </li>
            <li class="item-apple">
                <i class="iconfont icon-pingguo"></i>
            </li>
            <li class="item">
                <i class="iconfont icon-xiangshangjiantou"></i>
            </li>
        </ul>
    </div>
</body>
</html>